<!DOCTYPE html>
<html lang="en">

<head>
	<title>选择资源</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/5-4.css">

</head>

<body>
	<!--头部搜索开始-->
	<div id="header">
		<header class="head-top">
			<div class="go-back">
				<a href="travelDetail.html">
					<i class="goback-icon"></i>
				</a>
			</div>
			<div class="title">
				<h3>选择资源</h3>
			</div>
			<div></div>
		</header>
	</div>

	<!--内容区域开始-->
	<div id="wrapper">
		<div id="scroller">

			<div class="resource-box">
				<!-- 总额明细 -->
				<div class="resource-detail clearfix">
					<div class="detail-l">
						<h2>三亚5日4晚半自助游套餐</h2>
						<p>出发日期：<span>2017-9-10</span></p>
						<p>出行人数：<span>3 成人</span></p>
					</div>
					<div class="detail-r">
						<div class="detail-r-num"><b>¥</b><strong>6512</strong></div>
						<div class="detail-all"> 总额明细> </div>
					</div>
				</div>

				<!-- 三亚-北京 -->
				<div class="resource-hangban">
					<div class="resource-reelect">
						<div class="begin-place">
							<h2>三亚</h2>
							<p>首都国际机场</p>
							<p>6:30</p>
						</div>
						<div class="ariplane clearfix"></div>
						<div class="end-place">
							<h2>北京</h2>
							<p>凤凰国际机场</p>
							<p>10:40</p>
						</div>
					</div>
					<div class="resource-content">
						<ul class="clearfix">
							<li>
								<span>日期</span>
								<p>2017-9-10 <b>星期</b>五</p>
							</li>
							<li>
								<span>时间</span>
								<p>6:30<i>am</i></p>
							</li>
							<li>
								<span>航班</span>
								<p>中国国航CA1353</p>
							</li>
							<li>
								<span>舱位</span>
								<p>经济舱</p>
							</li>
							<li>
								<span>飞行时长</span>
								<p>约<b>5</b>小时<b>20</b>分钟</p>
							</li>
							<li>
								<span>出行人数</span>
								<p><b>3</b>人</p>
							</li>
							<li>
								<a href="#">改签/预订限制></a>
							</li>
							<li>
								<a href="#">重选航班></a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 北京-三亚 -->
				<div class="resource-hangban">
					<div class="resource-reelect">
						<div class="begin-place">
							<h2>北京</h2>
							<p>凤凰国际机场</p>
							<p>6:30</p>
						</div>
						<div class="ariplane"></div>
						<div class="end-place">
							<h2>三亚</h2>
							<p>首都国际机场</p>
							<p>10:40</p>
						</div>
					</div>
					<div class="resource-content">
						<ul class="clearfix">
							<li>
								<span>日期</span>
								<p>2017-9-10 <b>星期</b>六</p>
							</li>
							<li>
								<span>时间</span>
								<p>7:30<i>am</i></p>
							</li>
							<li>
								<span>航班</span>
								<p>大新华航空CN7180</p>
							</li>
							<li>
								<span>舱位</span>
								<p>经济舱</p>
							</li>
							<li>
								<span>飞行时长</span>
								<p>约<b>5</b>小时<b>30</b>分钟</p>
							</li>
							<li>
								<span>出行人数</span>
								<p><b>2</b>人</p>
							</li>
							<li>
								<a href="#">改签/预订限制></a>
							</li>
							<li>
								<a href="#">重选航班></a>
							</li>
						</ul>
					</div>
				</div>

				<!-- 套餐券 -->
				<div class="resource-quan">
					<div class="quan-01">
						<div class="quan-01-con">
							<p>2成人起订<br>每单立减800元！</p>
							<div class="man-box-num">
								<span class="change-box-left jian">-</span>
								<input class="shu" type="tel" name="" id="" value="0">
								<span class="change-box-right jia">+</span>
							</div>
						</div>
					</div>
					<div class="quan-01 quan-02">
						<div class="quan-01-con">
							<p>+0元/人 免费升级<br>价值168元团餐！</p>
							<div class="man-box-num">
								<span class="change-box-left jian">-</span>
								<input class="shu" type="tel" name="" id="" value="3">
								<span class="change-box-right jia">+</span>
							</div>
						</div>
					</div>
				</div>

				<!-- 额外费用账单 -->
				<div class="resource-bill">
					<div class="bill-top"> 附加额外费用账单 </div>
					<!-- 单房差 -->
					<div class="bill-danfangcha">
						<div class="danfangcha-l">
							<h3>单房差</h3>
							<div class="man-box-num">
								<span class="change-box-left jian">-</span>
								<input class="shu" type="tel" name="" id="" value="1">
								<span class="change-box-right jia">+</span>
							</div>
						</div>
						<div class="danfangcha-r">
							<div class="bill-price">
								<b>¥</b>
								<strong>620</strong> /人
							</div>
						</div>
					</div>
					<!-- 门票 -->
					<div class="bill-danfangcha bill-ticket">
						<div class="bill-ticket-t">
							<div class="danfangcha-l">
								<h3>超值换购水上乐园成人门票</h3>
								<div class="man-box-num">
									<span class="change-box-left jian">-</span>
									<input class="shu" type="tel" name="" id="" value="1">
									<span class="change-box-right jia">+</span>
								</div>
							</div>
							<div class="danfangcha-r">
								<div class="bill-price">
									<b>¥</b>
									<strong>50</strong> /人
								</div>
							</div>
						</div>
						<div class="bill-ticket-b">
							<div class="danfangcha-l">
								<h3>超值换购天涯海角门票</h3>
								<div class="man-box-num">
									<span class="change-box-left jian">-</span>
									<input class="shu" type="tel" name="" id="" value="1">
									<span class="change-box-right jia">+</span>
								</div>
							</div>
							<div class="danfangcha-r">
								<div class="bill-price">
									<b>¥</b>
									<strong>36</strong> /人
								</div>
							</div>
						</div>
					</div>

					<!-- 意外保险 -->
					<div class="bill-insurance">
						<div class="bill-one">
							<h3>意外保险</h3>
							<p>&nbsp;<span></span>保险价格均为参考价，最终会以预订人真实年龄重新计算。</p>
						</div>
						<div class="bill-two clearfix">
							<i></i>
							<p>平安i旅行境内长线保险<br>经典型 最高赔偿3000元<span><b>¥</b><strong>120</strong>&nbsp;2份</span></p>
							<p>请您付款后24小时内提供出行人证件信息，否则将自动为您退订此保险。</p>
						</div>
						<div class="bill-two bill-three clearfix">
							<i></i>
							<p>平安i旅行境内长线保险<br> 尊贵型 含航意险140万元<span><b>¥</b><strong>80</strong>&nbsp;2份</span></p>
						</div>
						<p class="clearfix">
							<a href="#">重选保险></a>
						</p>

					</div>

				</div>
			</div>

		</div>
	</div>

	<!--底部开始-->
	<div id="footer">
		<div class="detail-next">
			<span>下一步，填写订单</span>
		</div>
	</div>

</body>

</html>
<script src="lib/flexible.js"></script>
<script src="lib/iscroll.js"></script>
<script src="lib/zepto.js"></script>
<script src="js/resource.js"></script>